import React from 'react';
import {Button, Upload, Row} from 'antd';
import styles from './style.less';
import CommonModal from '../../component/CommonModal';
import {inject, observer} from 'mobx-react';

@inject('OwnerNewUsersStore')
@observer
class UploadPhotos extends React.Component {
  constructor(props) {
    super(props);
    this.store = this.props.OwnerNewUsersStore;
  }
  componentDidMount() {}
  getBase64(img, callback) {
    const reader = new FileReader();
    reader.addEventListener('load', () => callback(reader.result));
    reader.readAsDataURL(img);
  }

  render() {
    let {imageUrl} = this.store;

    return (
      <Row className={styles['photo-upload-wrap']}>
        <img src={imageUrl} />
        <Row className={styles['upload-button-wrap']}>
          <Button className={styles['taking-pictures']}>底库照片</Button>
        </Row>
      </Row>
    );
  }
}

export default UploadPhotos;
